<template>
	<view class="wrapper chlid">
		<div class="pageTop">
			<p>车辆</p>
		</div>
		<div class="pageContaienr">
			<div class="bd">
				<div class="bdBox">
					<div class="tab">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th>车号001</th>
								<th>车牌闽A12345</th>
								<th>测试司机</th>
							</tr>
							<tr>
								<td class="on">搅拌机</td>
								<td class="on">生产</td>
								<td class="on">等待</td>
							</tr>
							<tr>
								<td>1#</td>
								<td>99a</td>
								<td>66a</td>
							</tr>
							<tr>
								<td>1#</td>
								<td>99a</td>
								<td>66a</td>
							</tr>
						</table>
					</div>
					<div class="Con">
						<div class="bt">排队</div>
						<ul>
							<li><a href="">71a</a></li>
							<li><a href="">39a</a></li>
							<li><a href="">83a</a></li>
							<li><a href="">66a</a></li>
							<li><a href="">73a</a></li>
							<li><a href="">105a</a></li>
							<li><a href="">176a</a></li>
							<li><a href="">99a</a></li>
							<li><a href="">30a</a></li>
						</ul>
						<div class="icon"><image src="/static/index_27.png" /></div>
					</div>
					<div class="tab">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th>工程</th>
								<th>方量</th>
								<th>发货时间</th>
							</tr>

							<tr>
								<td style="width: 300rpx;">华茂玻璃加工项目<br /> (1#~2#厂房)</td>
								<td>2.5</td>
								<td>07:30</td>
							</tr>
							<tr>
								<td>华茂玻璃加工项目<br /> (1#~2#厂房)</td>
								<td>2.5</td>
								<td>07:30</td>
							</tr>
							<tr>
								<td>华茂玻璃加工项目<br /> (1#~2#厂房)</td>
								<td>2.5</td>
								<td>07:30</td>
							</tr>
						</table>
					</div>

				</div>
				<div class="bdBox" style="display: none;"></div>
				<div class="bdBox" style="display: none;"></div>
				<div class="bdBox" style="display: none;"></div>
				<div class="bdBox" style="display: none;"></div>
			</div>
		</div>
		<!-- <div class="footer">
			<ul>
				<li :class="{on:footer==0}" @click="footer=0">
					<div class="icon">
						<image src="/static/a1.png" />
						<image class="on" src="/static/a6.png" />
					</div>
				</li>
				<li :class="{on:footer==1}" @click="footer=1">
					<div class="icon">
						<image src="/static/a2.png" />
						<image class="on" src="/static/a7.png" />
					</div>
				</li>
				<li :class="{on:footer==2}" @click="footer=2">
					<div class="icon">
						<image src="/static/a3.png" />
						<image class="on" src="/static/a8.png" />
					</div>
				</li>
				<li :class="{on:footer==3}" @click="footer=3">
					<div class="icon">
						<image src="/static/a4.png" />
						<image class="on" src="/static/a9.png" />
					</div>
				</li>
				<li :class="{on:footer==4}" @click="footer=4">
					<div class="icon">
						<image src="/static/a5.png" />
						<image class="on" src="/static/a10.png" />
					</div>
				</li>
			</ul>
		</div> -->
		<div class="Pop">
			<a href="">上号</a>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading: false,
				footer: 0
			}
		},
		onLoad() {

		},
		methods: {
			getList() {
				this.loading = true
				this.$ajax('releaseIndustryHeadlines', {

				}).then(r => {
					this.loading = false
				})
			}
		}
	}
</script>

<style lang="scss">
	.pageTop {
		width: 100%;
		height: 200rpx;
		padding: 60rpx 45rpx 0;
		box-sizing: border-box;
		background: url(/static/index_03.png);
		background-attachment: 100% 100%;
	}

	.pageTop p {
		width: 100%;
		height: 13rpx;
		font-size: 28rpx;
		line-height: 130rpx;
		color: #fff;
	}

	.pageContaienr {
		width: 100%;
		border-radius: 35rpx 35rpx 0 0;
		background: #fff;
		margin-top: -30rpx;
		padding: 50rpx 40rpx 0 40rpx;
		box-sizing: border-box;
		padding-bottom: 275rpx;
	}

	.pageContaienr .tab {
		box-shadow: 0 0 10rpx rgb(0, 0, 0, 0.1);
		width: 100;
		border-radius: 10rpx;
		overflow: hidden;
	}

	.pageContaienr .tab table {
		width: 100%;
	}

	.pageContaienr .tab th {
		height: 70rpx;
		text-align: center;
		font-size: 24rpx;
		color: #fff;
		background: #2678ff;
	}

	.pageContaienr .tab td.on {
		color: #dd3e3e;
	}

	.pageContaienr .tab tr:nth-child(2n) td {
		background: #f8f9ff;
	}

	.pageContaienr .tab td {
		color: #7d7e7d;
		height: 76rpx;
		text-align: center;
		font-size: 24rpx;
	}

	.pageContaienr .Con {
		width: 100%;
		margin: 20rpx 0;
	}

	.pageContaienr .Con .bt {
		width: 100%;
		height: 60rpx;
		line-height: 60rpx;
		color: #fff;
		border-radius: 30rpx;
		text-align: center;
		background: #2678ff;
		font-size: 26rpx;
	}

	.pageContaienr .Con ul {
		padding: 20rpx 0;
		width: 100%;
		overflow: hidden;
	}

	.pageContaienr .Con ul li {
		width: 100rpx;
		height: 50rpx;
		border-radius: 10rpx;
		text-align: center;
		line-height: 50rpx;
		background: #c5c5c5;
		color: #d20505;
		margin-right: 11rpx;
		float: left;
		margin-bottom: 14rpx;
	}

	.pageContaienr .Con ul li:last-child {
		margin-right: 0;
	}

	.pageContaienr .Con ul li a {
		font-weight: bold;
		color: #d20505;
		font-size: 24rpx;
		display: block;
		line-height: 50rpx;
	}

	.pageContaienr .Con .icon {
		width: 100%;
		height: auto;
	}

	.Pop {
		width: 100rpx;
		height: 100rpx;
		position: fixed;
		right: 30rpx;
		bottom: 135rpx;
		z-index: 99;
		border-radius: 50%;
		box-sizing: border-box;
		padding: 15rpx;
		background: #b7d2ff;
	}

	.Pop a {
		display: block;
		width: 100%;
		height: 100%;
		border-bottom: 50%;
		text-align: center;
		line-height: 70rpx;
		font-size: 24rpx;
		color: #fff;
		border-radius: 50%;
		background: #3581fe;
	}
</style>